<template>
  <h1>测试 VueUse 的鼠标坐标</h1>
  <!-- <h3>Mouse: {{ x }} x {{ y }}</h3> -->
  <p>1231232</p>
  <div class="box">
    <div class="wrap" v-draggable>
    </div>
  </div>
  <Hello-World></Hello-World>
</template>

<script setup lang="ts">
import { useMouse } from '@vueuse/core';
import HelloWorld from '@/components/HelloWorld.vue';
// const { x, y } = useMouse();
</script>
 
<style lang="scss" scoped>
  .box{
    position: relative;
    left: 600px;
    width: 300px;
    height: 300px;
    background-color: aquamarine;
    .wrap {
      position: absolute;
      width: 30px;
      height: 30px;
      background-color: cadetblue;
    }
  }
</style>
  